<!DOCTYPE HTML>
<html>
<head>
<title>/JumpToRecordFieldWhenVarIsOfRecordTypeDeep.dhall</title>
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&amp;family=Lato:ital,wght@0,400;0,700;1,400&amp;display=swap">
<script src="index.js">
</script>
<meta charset="UTF-8">
</head>
<body>
<div class="nav-bar">
<img class="dhall-icon" alt="Dhall logo." src="dhall-icon.svg">
<p class="package-title">test-package</p>
<div class="nav-bar-content-divider">
</div>
<a id="switch-light-dark-mode" class="nav-option">Switch Light/Dark Mode</a>
</div>
<div class="main-container">
<h2 class="doc-title">
<span class="crumb-divider">/</span>
<a href="index.html">test-package</a>
<span class="crumb-divider">/</span>
<span class="title-crumb" href="index.html">JumpToRecordFieldWhenVarIsOfRecordTypeDeep.dhall</span>
</h2>
<a class="copy-to-clipboard" data-path="/JumpToRecordFieldWhenVarIsOfRecordTypeDeep.dhall">
<i>
<small>Copy path to clipboard</small>
</i>
</a>
<br>
<div class="doc-contents">
<p>On this example, <code>dhall-docs</code> will detect that the variable <code>a</code> is bounded
to a record literal. It will also detect that the <code>field</code> key from the record
literal is another record literal. When the user clicks <code>deep</code> from the
<code>a.field.deep</code>, it will jump to the definition of that variable in the source
code.</p>
</div>
<h3>Source</h3>
<div class="source-code">
<pre>{-|<br>On this example, `dhall-docs` will detect that the variable `a` is bounded<br>to a record literal. It will also detect that the `field` key from the record<br>literal is another record literal. When the user clicks `deep` from the<br>`a.field.deep`, it will jump to the definition of that variable in the source<br>code.<br>-}<br>let <span id="var8-5" class="name-decl" data-name="var8-5">a</span> = { <span id="var8-11" class="name-decl" data-name="var8-11">field</span> = { <span id="var8-21" class="name-decl" data-name="var8-21">deep</span> = &quot;bar&quot; } }<br>
<br>in Text/show <a href="#var8-5" class="name-use" data-name="var8-5">a</a>.<a href="#var8-11" class="name-use" data-name="var8-11">field</a>.<a href="#var8-21" class="name-use" data-name="var8-21">deep</a>
<br>
</pre>
</div>
</div>
</body>
</html>